
body { font-size: 13px; font-family:"HELVETICANEUELTPRO-THEX", "微软雅黑";  color: #555; width: 100%; min-height: 100%; position: absolute; -webkit-text-size-adjust: none; }
.price{ color: #FF6600; }
a { text-decoration:none; color:#00a3c8;}
a:hover,a:focus{ color:#5fbb5d;text-decoration:none;}

.fw-crosswise-menu{ padding:0 0 40px 0 ; }
.fw-crosswise-menu li a{border-color: #00a3c8; font-size: 15px; padding: 8px 10px;}
.fw-crosswise-menu li a:hover, .fw-crosswise-menu li.active a, .fw-crosswise-menu li.active a:hover{border-color:#5fbb5d ; background: #5fbb5d;}



/* 布局 */
.ut-header h2:before{content: ''; position: absolute; width: 40%;height: 1px; background: #e6e6e6; bottom: -17px;left: 50%;margin:0 -20%;}
.ut-header p.text:before,.ut-header p.text:after{content: ''; position:absolute; width: 5px; height: 5px; border-radius: 100%; top: 11px; background: #00a3c8;}


/* header */
.header-bar{ background: #00a3c8; color: #fff; height: 40px; line-height: 40px;font-size: 12px; }
.header-bar .bar-left{display: inline-block;}
.header-bar .hotline em{padding: 0 10px; position: relative; display: inline-block;}
.header-bar .hotline em:after{ content: '';  position: absolute; right: 0; top: 50%; margin-top: -5px; height: 10px; width: 1px; background: rgba(255,255,255,.2);}
.header-bar .links-wrap{ float: right; }
.header-bar .links-wrap a{padding: 0 5px; color: #fff; margin: 0 5px;}
.header-bar .links-wrap span{margin-left: 15px;color: rgba(255,255,255,.2);}
.header-bar .links-wrap .language-item a{ color: rgba(255,255,255,.5); }
.header-bar .links-wrap .language-item a.active{color: #fff; font-weight: 600; background: none;}
.header-bar .links-wrap a:hover{background: rgba(0,0,0,.2); color: #fff;}

.top-header{width: 100%; z-index: 5;background: #fff; box-shadow: 2px 3px 0px rgba(0,0,0,.1); position: relative;}
.top-header .container{height: 75px;line-height: 75px;position: relative;}
.top-header .logo{background: url("../images/logo.png") no-repeat;width: 257px;height: 60px;display: inline-block;}
.top-header .navbar-brand{float: inherit;height: auto;padding: 6px 0 0;display:  inline-block;}
.top-header .menu-list{position: absolute;left: 280px;right: 265px;top: 0;font-size: 13px;}
.top-header .menu-list.show ul{ background: #00a3c8;}
.top-header .navbar-nav{font-size: 15px;width: 100%;margin: 0;}
.top-header .navbar-nav li{text-align: center;display: inline-block;}
.top-header .navbar-nav li a{padding: 0;line-height: inherit;color: #333;display: inline-block;width: 100%;font-size: 13px;padding: 0 13px;}
.top-header .navbar-nav a:hover,
.top-header .navbar-nav a:focus{ background: #f2f2f2;}
.top-header .navbar-nav li.active a{background: #00a3c8; color: #fff;}
.top-header .fw-top-searchbox{float: right;width: 240px;padding-top: 20px;position: absolute;z-index: 1;right: 0;top: 0;}
.top-header .fw-top-searchbox .btn-primary{background: #00a3c8; border-color: #00a3c8;}
.sfixed{position: fixed; top: 0; }

.navbar-toggle{ top: 10px; margin-left: 20px; }
.navbar-toggle .icon-bar{background: #00a3c8; width: 25px; height: 3px;}



/* top-banner */
.slides-box{overflow: hidden;}
.slides-box .content-wrap{ position: relative; }
.slides-box .content-wrap .text{position: absolute; z-index: 1; left: 26%; top: 30%;}
.slides-box .content-wrap .text h3{font-size: 52px; font-weight: 600;}
.slides-box .content-wrap .text h3 span{ display: block; padding-bottom: 10px; color: #5fbb5d; }
.slides-box .content-wrap .text h3 span:first-child{ color: #00a3c8;margin-left: -20%; }
.slides-box .content-wrap .text.small-en h3{ background: url(../images/small-en.png) no-repeat left bottom; padding-bottom: 30px; }

.ut-page-banner .banner{text-align: left; height: 550px;}
.ut-page-banner .banner .text{position: relative;margin-top: 8%; width: 55%;}
.ut-page-banner .banner .text h3{  font-size: 52px; }
.ut-page-banner .banner .text h3 span{display: inline-block; white-space: nowrap;color: #5fbb5d;}
.ut-page-banner .banner .text h3 span:first-child{color: #00a3c8;   padding-left:20%; }

/* 首页最新公告 */
.ut-new-notice{background: #00a3c8; zoom:1; margin-top: 0; padding: 15px 0; }
.ut-new-notice .fw-form-compose{position: relative;}
.ut-new-notice .fw-form-compose label{ width: 105px; color: #fff; font-size: 16px; float: left;}
.ut-new-notice .fw-form-compose label .icon{margin-right: 5px;}
.ut-new-notice .fw-form-compose .control-text{ overflow: hidden; width: auto; padding:4px 13% 0 0; float: inherit; }
.ut-new-notice .fw-form-compose .control-text li a{color: #fff;}
.ut-new-notice .fw-form-compose .message{ position: absolute; right: 0; top: 3px; width: 10%; min-width: 80px; background: #5fbb5d;border:2px solid #fff; color: #fff; padding: 5px; border-radius: 50px; text-align: center; }
.ut-new-notice .fw-form-compose ul{display: table;}
.ut-new-notice .fw-form-compose ul li{width: auto!important; display: table-cell; float: inherit; padding-right: 25px;}

/* 首页产品展示 */
.ut-products-show{background: url(../images/bg-img1.jpg) no-repeat center top; min-height: 400px;}
.ut-products-show .ut-header{  padding-top: 50px; }
.ut-products-show .ut-header h2 {margin-bottom: 10px;}
.ut-products-show .ut-header h2 span{ background: transparent;  color: #fff;}
.ut-products-show .ut-header h2:before{ bottom: -27px; }
.ut-products-show .ut-header .text{background: #087993; color: #fff;}
.fw-news-date .fw-protext-list .fw-info-body h4.title{font-size: 14px;}

.fw-news-date .frame-left .fw-pro-img,
.fw-news-date .frame-left .fw-pro-img a{height: 360px;}
.fw-news-date .frame-left .fw-pro-img a img{width: 100%;}

/* 首页联系我们 */
.ut-home-aboutus{background: #f2f2f2; padding-bottom: 50px;}
.ut-home-aboutus .ut-header{  padding-top: 50px; }
.ut-home-aboutus .ut-header h2 {margin-bottom: 10px;}
.ut-home-aboutus .ut-header h2 span,.ut-home-aboutus .ut-header .text{ background: #f2f2f2; }
.ut-home-aboutus .ut-header h2:before{ bottom: -27px; }


/* 首页广告 */
.fw-advertising-wrap{  padding: 10px 0; height: 100px; }
.fw-advertising-wrap:before{ background: #00a3c8; }
.fw-advertising-wrap .le h3{font-size: 18px;}
.fw-advertising-wrap .advertising{padding-top: 0;}


.ut-content > .fw-protext-list .fw-pro-img{  width: 22%; }
.ut-content > .fw-protext-list .fw-pro-img img{max-height: 100%;max-width: 100%;}
.ut-content > .fw-protext-list .fw-info-body{padding-top: 10px;}
.ut-content > .fw-protext-list .fw-info-body h4.title a{ font-size:1.7em;  }

/* 在线留言 */
.ut-complain-intro{background: url(../images/con-bg.png) no-repeat 0 0; min-height:400px; padding-top: 50px; }
.ut-complain-intro .ut-header{color: #fff;}
.ut-complain-intro .ut-header h2 span{background: none; color: #fff;}
.ut-complain-intro .ut-header p.text{ background: #333; }
.ut-complain-intro .ut-header h2:before{ background: rgba(255,255,255,.2); }
.ut-complain-intro .fw-form-compose{position: relative; text-align: center;}
.ut-complain-intro .fw-form-compose li{ clear: left; vertical-align: top; padding-right: 5px;}
.ut-complain-intro .fw-form-compose li label{text-align: left; display: inline-block; float: initial;    margin-bottom: 6px;width: 120px;}
.ut-complain-intro .fw-form-compose .form-control{overflow: hidden; width: 80%; display: inline-block; float: none;}
.ut-complain-intro .fw-form-compose .textarea{ }
.ut-complain-intro .fw-form-compose .textarea textarea.form-control{ }
.ut-complain-intro .complain-info{ text-align: center; background: #fff; border-radius: 5px; padding: 50px; width: 80%; margin: 0 auto; position: relative; }
.ut-complain-intro .complain-info .btn-form{ padding-top: 30px; text-align: left; display: inline-block; }
.ut-complain-intro .complain-info .btn-form .btn{ min-width: 150px; }

/* footer */
.footer{ padding: 30px; text-align: center;background: #666; color: #fff;}

/* 联系我们 */
.ut-contact-intro{padding-top: 30px; overflow: hidden;}
.ut-contact-intro > ul > li{width: 33%; float: left; vertical-align: top;}
.ut-contact-intro .tt{ font-size: 18px; font-weight: 600; padding-bottom: 5px; }
.ut-contact-intro .fw-form-compose li{ padding: 0; }
.ut-contact-intro .fw-form-compose li > label{width: auto;}




/*添加2018-10-22*/
.crumbs{width: 1700px;max-width:100%;margin:0 auto;height: 45px; line-height: 45px;background: #EEEEEE;overflow: hidden;padding: 0 10px;}
.crumbs li{float: left;margin: 0 3px;}
.ut-aside .con-l-tit{background-color: #00a3c8;color: #fff;padding: 40px 30px;text-align: left;}
.produces-con{padding: 30px;}
.produces-con .con-r .btn_ser{background: #5fbb5d;border: 1px #57ad55 solid;color: #fff;}
.produces-con .tab_main td{border-top: 1px solid #dedede;border-right: 1px solid #dedede;height: 40px;vertical-align: middle;padding: 0 10px;color: #666;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.produces-con .tab_main td a{color: #666;width: 100%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
.produces-con .tab_main th:nth-child(1){width: 50%;}
.produces-con .tab_main th:nth-child(2){width: 35%;}
.produces-con .tab_main th:nth-child(3){width: 15%;}
.produces-con .tab_main tr:nth-child(2n+1){background: #f9f9f9;}
.produces-con .tab_main th{border-top: 1px solid #dedede;border-right: 1px solid #dedede;height: 50px;vertical-align: middle;padding: 0 10px;background: #00a3c8;color: #fff;font-size: 16px;}
.produces-con .tab_main table{border-left: 1px solid #dedede;border-bottom: 1px #dedede solid;margin-top: 30px;table-layout: fixed;}

/*2018-11-14*/
.ut-box .top_tit{text-align: center;margin-bottom: 30px;}
.ut-box .top_tit h2{font-size: 30px;font-weight: 600;color: #333;}
..ut-aside .con-l-tit h1{font-size:32px;}

.pro-img{    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 300px;
    height: 230px;
    margin-left: 20px;
    border: 1px solid #f2f2f2;}
.pro-img img{max-height: 220px;}
@media (max-width: 1280px){
	 #scroller ul{height: 380px;}
	 .page-banner{height: 200px;}
	 .slides-box .content-wrap .text{left: 10%;}
	 .ut-aside .con-l-tit h1{font-size: 20px;}
	 .ut-aside .con-l-tit{padding: 20px;}
	 .ut-aside .con-l-tit h2{font-size: 16px;margin-top: 10px;}
}
@media(max-width: 768px) {
	.produces-con{padding: 20px 0;}
	.ut-aside .con-l-tit{padding: 20px;}
	.ut-aside .con-l-tit h1{font-size: 20px;}
	.ut-aside .con-l-tit h2{font-size: 18px;margin-top: 10px;}
	.produces-con .tab_main th:nth-child(1){width: 40%;}
	.produces-con .tab_main th:nth-child(3){width: 20%;}
	.con-r .fw-top-searchbox .input-group{width: 100%;}
	.ut-new-notice{padding: 2px 0;}
	.ut-new-notice .fw-form-compose .message{top: 7px;border: 1px solid #fff;padding: 2px;}
	.footer{padding: 10px;}
	.fw-top-searchbox .fw_name{top: 37px;font-size: 22px;width: 100%;}
	.produces-con .con-r .tab_main{    margin: 42px 0 20px;}
    .ibox-content{    margin: 0 -20px;}
    .top-header .logo{height:45px;}
}
